@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}
/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{        /***********头部样式************/
        top: 0;
        left: 0;
        width: 100%;
        height: bgg(89);
        position: fixed;
        z-index: +2;
        img{        /**********头部的背景图***********/
            display: block;
            width: 100%;
            height: 100%;
        }
        .xian{/*******头部各种样式*********/
            position: absolute;
            left: bgg(23);
            top: bgg(32);
            .xian_1{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
                margin-bottom: bgg(6);
            }
            .xian_2{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
                margin-bottom: bgg(6);
            }
            .xian_3{
                border: bgg(2) solid #ffffff;
                width: bgg(30);
            }
        }
        .dian_1{
            width: bgg(26);
            height: bgg(26);
            border-radius: bgg(26);
            background: #ff0000;
            position: absolute;
            left: bgg(50);
            top: bgg(14);
            line-height: bgg(26);
            text-align: center;
            span{
                font-size: bgg(16.21);
                color: #ffffff;
            }
        }
        .quan{/***********这里是搜索按钮**************/
            border: bgg(3) solid white;
            width: bgg(44);
            height: bgg(44);
            border-radius: 50%;
            position: absolute;
            top: bgg(19);
            right: bgg(17);
            text-align: center;
            .sousuo{
                font-size: bgg(35);
                line-height: 100%;
                color: white;
            }
        }
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        .section_top{
            position: relative;
            width: 100%;
            .logo{
                .logo_1{
                        margin-top: bgg(-4);
                    img{
                        display: block;
                        width: 100%;
                        height: bgg(357);
                    }
                }
                .logo_2{
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: bgg(104);
                    background: rgba(0,0,0,0.3);
                    p{
                        color: #ffffff;
                        font-size: bgg(26.63);
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        margin-top: bgg(22);
                        margin-left: bgg(27);
                    }
                    .pinglun{
                        margin-top: bgg(11);
                        margin-left: bgg(27);
                        position: relative;
                        .aixin{
                            color: #ffffff;
                            font-size: bgg(35);
                            position: absolute;
                            top: bgg(-11);
                            left: bgg(-8);
                        }
                        .aixin+span{
                            color: #ffffff;
                            font-size: bgg(17.76);
                            padding-left: bgg(27);
                        }
                        .yan{
                            color: #ffffff;
                            font-size: bgg(22);
                            position: absolute;
                            top: 0;
                            left: bgg(102);
                        }
                        .yan+span{
                            color: #ffffff;
                            font-size: bgg(17.76);
                            padding-left: bgg(75);
                        }
                        .dian{
                            width: bgg(10);
                            height: bgg(10);
                            border-radius: bgg(10);
                            background: #cec0b4;
                            position: absolute;
                            top: bgg(10);
                            left: bgg(255);
                        }
                        .dian_1{
                            background: #b60005;
                        }
                        .dian_2{
                            left: bgg(275);
                        }
                        .dian_3{
                            left: bgg(295);
                        }
                        .dian_4{
                            left: bgg(315);
                        }
                        .shijian{
                            color: #ffffff;
                            font-size: bgg(17.76);
                            margin-right: bgg(20);
                            span:nth-child(1){
                                
                            }
                        }
                    }
                }
            }
        }
        .section_zj_top{
            width: 90.94%;
            height: 100%;
            display: block;
            margin: bgg(30) auto;
            .news{
                display: inline-block;
                width: 100%;
                height: bgg(118);
                &:active{
                    background: gainsboro;
                }
                .Sola_Aoi{
                    h2{
                        color: #323232;
                        font-size: bgg(24.86);
                        width: bgg(330);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-box-orient: vertical;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                    }
                    .case{
                        position: relative;
                        margin-top: bgg(20);
                        color: #c5c5c5;
                        .aixin_1{
                            font-size: bgg(30);
                            position: absolute;
                            top: bgg(-2);
                            left: bgg(-2);
                        }
                        .aixin_1+span{
                            font-size: bgg(18);
                            margin-left: bgg(25);
                            padding-right: bgg(70);
                        }
                        .case_1{
                            font-size: bgg(19.53);
                        }
                        .case_1+span{
                            font-size: bgg(21.31);
                            margin-left: bgg(5);
                        }
                    }
                }
                img{
                    width: bgg(208);
                    height: bgg(118);
                    display: block;
                }
            }
            .shui_px{
                border: bgg(1) solid #e4e4e4;
                width: 100%;
                margin-top: bgg(15);
            }
            .news_1{
                margin-top: bgg(15);
                .Sola_Aoi{
                    h2{
                        margin-top: bgg(5);
                    }
                    .case{
                        margin-top: bgg(16);
                        .aixin_1+span{
                            margin-right: bgg(35);
                        }
                    }
                }
            }
        }
        .section_zj_bot{
            width: 100%;
            height: bgg(25);
            background: #f5f5f5;
            margin-top: bgg(34);
        }
        .section_bot{
            width: 90.94%;
            height: 100%;
            display: block;
            margin: 0 auto;
            .case_2{
                
                margin-top: bgg(33);
                h2{
                    color: #323232;
                    font-size: bgg(24.86);
                }
                .img{
                    width: bgg(187);
                    height: bgg(124);
                    margin-top: bgg(17);
                    display: inline-block;
                }
                .img_1{
                    margin-left: bgg(8);
//                  margin-right: bgg(5);
                }
                .photo{
                    margin-top: bgg(9);
                    color: #c5c5c5;
                    position: relative;
                    img{
                        width: bgg(27);
                        height: bgg(27);
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                    img+span{
                        font-size: bgg(19.53);
                        padding-left: bgg(35);
                        margin-right: bgg(37);
                    }
                    .pinglun_1{
                        font-size: bgg(21);
                        position: absolute;
                        top: bgg(3);
                        left: bgg(107);
                    }
                    .pinglun_1+span{
                        font-size: bgg(15.98);
                        margin-right: bgg(37);
                    }
                    .aixin_2{
                        font-size: bgg(30);
                        position: absolute;
                        top: bgg(-3);
                        left: bgg(183);
                    }
                    .aixin_2+span{
                        font-size: bgg(15.98);
                        
                    }
                    .case_3{
                        span:nth-child(1){
                            font-size: bgg(19.53);
                        }
                        span:nth-child(2){
                            font-size: bgg(21.31);
                        }
                    }
                }
            }
            .press{
                margin-top: bgg(35);
                .Sola_Aoi{
                    .case{
                        .aixin_1+span{
                           margin-right: 0;
                        }
                        .case_1{
                            margin-left: bgg(-35);
                        }
                    }
                }
            }
            .project{
                margin-top: bgg(15);
                .Sola_Aoi{
                    .case{
                        .aixin_1+span{
                           margin-right: 0;
                        }
                        .case_1{
                            margin-left: bgg(-55);
                        }
                    }
                }
            }
            .sp_xian{
                border: bgg(1) solid #e4e4e4;
                width: 100%;
                margin-top: bgg(30);
                margin-bottom: bgg(20);
                display: block;
            }
            .lianjie{
                text-align: center;
                a{
                    color: #bbbbbb;
                    font-size: bgg(22);
                    margin-bottom: bgg(31);
                    text-decoration: none;
                    display: inline-block;
                    &:active{
                        color: red;
                    }
                }
            }
        }
    }
    footer{/*************这里是尾部样式*************/
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: bgg(95);
        background: #f5f5f5;
        border-top: bgg(2) solid #cccbcb;
        .foot{
//          display: inline-block;
            .home_page{/***********这里是首页按钮***********/
                text-align: center;
                margin: 0 auto;
                width: 20%;
                height: bgg(95);
                display: inline-block;
                a{
                    text-decoration: none;
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    .a{
                        width: 100%;
                        height: 100%;
                        display: inline-block;
                        margin: bgg(23) auto;
                        line-height: bgg(25);
                        .wuzi{/**********这里是iconfont***********/
                            display: inline-block;
                            margin: 0 auto;
                            font-size: bgg(41);
                            width: 100%;
                            color: #8b8b8b;
                        }
                        p{
                            color: #8b8b8b;
                            font-size: bgg(20);
                        }
                    }
                }
            }
            .home_page_1{/**********这里是首页按钮***********/
                a{
                    .a{
                        .wuzi{
                            color: #b60207;
                        }
                        p{
                            color: #b60207;
                        }
                    }
                }
            }
            .gimc{/**********这里是GIMC************/
                a{
                    .a{
                        img{
                            width: bgg(50);
                            height: bgg(35);
                            margin: bgg(-5) auto;
                            margin-bottom: bgg(-2);
                        }
                    }
                }
            }
            .article{/********这里是文章段落********/
                a{
                    .a{
                        img{
                            width: bgg(40);
                            height: bgg(35);
                            margin: bgg(-7) auto;
                            margin-bottom: bgg(-2);
                        }
                        p{
//                          color: #b60207;
                        }
                    }
                }
            }
            .resource{/***********这里是新闻资源**********/
                a{
                    .a{
                        .ziyuan{
                            font-size: bgg(40);
                            margin: bgg(-1) auto;
                            font-weight: bold;
                        }
                    }
                }
            }
            .college{/************这里是学院信息************/
                a{
                    .a{
                        img{
                            width: bgg(63);
                            height: bgg(32);
                            margin: bgg(-7) auto;
                            margin-bottom: bgg(-2);
                        }
                    }
                }
            }
        }
    }
}
